<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<canvas id="canvas" width="500" height="500"></canvas>
	</body>
	<script type="text/javascript">
		function drawArc(){
			var context = document.getElementById("canvas").getContext("2d");
			context.beginPath();
			context.arc(75,75,50,0,Math.PI*2,true);
			context.moveTo(110,75);
			context.arc(75,75,35,0,Math.PI,false);
			context.moveTo(65,65);
			context.arc(60,65,5,0,Math.PI*2,true);
			context.moveTo(95,65);
			context.arc(90,65,5,0,Math.PI*2,true);
			context.stroke();
		}
		window.addEventListener("load",drawArc,true);
	</script>
</html>
